<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字重叠</title>
</head>
<style>
    .dd1{
        width: 200px;
        height: 100px;
        line-height: 100px;
        border: 1px solid blue;
    }
    .dd2{
        width: 200px;
        height: 100px;
        letter-spacing: 200px;
        border: 1px solid black;
    }
</style>
<body>
<div class="dd1">垂直居中</div>
<div class="dd2">水 平  居中</div>
</body>
</html>